
<template>
  <van-tabs v-model="active" color="#333333">
   <van-tab title="图书"><Home/></van-tab> 
  <van-tab title="服饰"><Apparel/></van-tab>
  <van-tab title="电子"><Electronic/></van-tab>
   <van-tab title="原创商品"><Original/></van-tab> 
</van-tabs>
</template>

<script>
 import Home from "./home.vue" 
import Apparel from "./apparel.vue"
import Electronic from "./electronic.vue"
 import Original from "./original.vue" 
export default {
data() {
    return {
      active: 0,
    };
  },
  components: {
     Home, 
    Apparel,
    Electronic,
     Original 
  }
}
</script>

<style scoped>
    van-tab{
        font-size: 0.16rem;
    }
</style>